﻿<link href="<{$config.weburl}>/templates/default/css/gynei.css?t=<{$now_time}>" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" src="<{$config.weburl}>/templates/default/js/nei.js?t=<{$now_time}>"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=453b04cb43d1dc178585de80916e8d6d"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<!-- 中间内容开始 -->
<div class="g-bd" data-image="" data-color="" style="background-position: 50% 50px;">
    <div class="g-bdc">
        <div class="g-mn">
            <div class="m-box m-box-col2 m-box-goods" id="projectInfo">
                <div class="hd">       
                    <p class="m-crm">
                        <a class="grown1" href="<{$config.weburl}>">首页</a>
                        <span class="arrow1">&gt;</span>
                        <a class="grown1" href="<{$config.weburl}>/?m=spot&s=list">演艺场馆</a>
                        <span class="arrow1">&gt;</span>
                        <a class="grown1" href="<{$config.weburl}>/?m=spot&s=list&cat_id=<{$cat_spot.id}>"><{$cat_spot.cat_name}></a>
                    </p>
                </div>
                <!-- 正文 begin -->
                <!--[if IE]>
                <style>
                .venue-detail .info {
                  width:380px;
                  padding-left: 20px;
                  color: #666;
                  line-height: 28px;
                  position: relative;
                }
                .venue-detail .info .con {
                  padding-left: 10px;
                  float: left;
                }
                .collect-item .clit-info {
                  padding-left: 20px;
                  width: 500px;
                }
                </style>
                <![endif]-->
                <div class="mn">	
                    <div class="venue-detail clearfix">
                        <img class="v_img" alt="<{$info.spot_name}>" src="<{$info.picurl}>">
                        <div class="info" >
                            <h2 id="venue_name"><{$info.spot_name}></h2>
                            <ul>
                                <li><label class="name">类　　型：</label><div class="con"><{$cat_spot.cat_name}>&nbsp;</div></li>
                                <li><label class="name">地　　址：</label><div class="con" id="venue_address"><{$info.address}></div></li>
                                <li><label class="name">电　　话：</label><div class="con"><{$info.tel}></div></li>
                                <li class="past"><a href="<{$config.weburl}>/?m=product&s=list&spot_id=<{$info.id}>">[查看演出]</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="cghd"><h2 class="cgtt">场馆介绍</h2></div>
                    <div style="margin-top:20px;">
                        <{$info.content}>
                      </div>
                    <div class="cghd"><h2 class="cgtt">场馆地图</h2></div>
                    <div id="allmap" style="width:686px;height:400px;margin-top:30px;"></div>
                    <script type="text/javascript">
                        // 百度地图API功能
                        var BMapLib;
                        var map = new BMap.Map('allmap');
                        var poi = new BMap.Point("<{$lat_lng.lng}>","<{$lat_lng.lat}>");
                        map.centerAndZoom(poi, 16);
                        map.enableScrollWheelZoom();

                        var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
                                '<img src="<{$de.picurl}>" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
                                '地址："<{$de.address}>"<br/>电话："<{$de.tel}>"<br/>' +
                                '</div>';

                        //创建检索信息窗口对象
                        var searchInfoWindow = null;
                        searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
                            title  : "<{$de.spot_name}>",      //标题
                            width  : 290,             //宽度
                            height : 105,              //高度
                            panel  : "panel",         //检索结果面板
                            enableAutoPan : true,     //自动平移
                            searchTypes   :[
                                BMAPLIB_TAB_SEARCH,   //周边检索
                                BMAPLIB_TAB_TO_HERE,  //到这里去
                                BMAPLIB_TAB_FROM_HERE //从这里出发
                            ]
                        });

                        var marker = new BMap.Marker(poi); //创建marker对象
                        marker.enableDragging(); //marker可拖拽
                        marker.addEventListener("click", function(e){
                            searchInfoWindow.open(marker);
                        })
                        map.addOverlay(marker); //在地图中添加marker
                        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
                        opensearchInfoWindow(searchInfoWindow,poi);

                        function opensearchInfoWindow() {
                            searchInfoWindow.open(marker);
                        }
                        // 添加带有定位的导航控件
                        var navigationControl = new BMap.NavigationControl({
                            // 靠左上角位置
                            anchor: BMAP_ANCHOR_TOP_LEFT,
                            // LARGE类型
                            type: BMAP_NAVIGATION_CONTROL_LARGE,
                            // 启用显示定位
                            enableGeolocation: true
                        });
                        map.addControl(navigationControl);
                        // 添加定位控件
                        var geolocationControl = new BMap.GeolocationControl();
                        geolocationControl.addEventListener("locationSuccess", function(e){
                            // 定位成功事件
                            var address = '';
                            address += e.addressComponent.province;
                            address += e.addressComponent.city;
                            address += e.addressComponent.district;
                            address += e.addressComponent.street;
                            address += e.addressComponent.streetNumber;
                            alert("当前定位地址为：" + address);
                        });
                        geolocationControl.addEventListener("locationError",function(e){
                            // 定位失败事件
                            alert(e.message);
                        });
                        map.addControl(geolocationControl);
                    </script>
                </div>
                <!-- 正文 end -->

                <!-- 侧栏 begin -->
                <div class="sd" style="margin-top: 10px;">
                    <div class="m-agent">
                        <div class="tt">
                            <a href="javascript:void(0);" target="_blank"><img alt="票务总代" src="<{$config.weburl}>/templates/default/images/m-agent-logo.png" style="display: block;"></a>
                        </div>
                        <div class="ct">
                            <a href="javascript:void(0);" class="itm"
                               target="_blank">本项目由主办单位授权票务代理</a>
                            <a href="javascript:void(0);" class="itm" target="_blank"> 海峡票务网为官方指定售票平台</a>
                        </div>
                    </div>
                    <div class="m-detail">
                        <!-- 热门推荐 begin -->
                        <div class="m-sdbox2-first m-sdbox2 m-hot" id="hotProjects">
                            <div class="hd"><h2 class="tt">热门资讯</h2></div>
                            <div class="bd">
                                <ul class="m-sdlst" id="gexhTuijian">
                                    <{foreach item=vo from=$new_list key=key}>
                                    <li class="itm <{if $key == 0 }> z-crt <{/if}> ">
                                        <div class="hot">
                                            <a  href="<{$config.weburl}>/?m=news&s=detail&id=<{$vo.nid}>" class="thumb" target="_blank"><img src="<{$vo.titlepic}>" alt="<{$vo.title}>" height="300"></a>
                                            <h3 class="tt"><a href="<{$config.weburl}>/?m=news&s=detail&id=<{$vo.nid}>" target="_blank"><{$vo.title}></a></h3>
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <a href="<{$config.weburl}>/?m=news&s=detail&id=<{$vo.nid}>" target="_blank"><{$vo.title}></a>
                                            </div>
                                            <div class="row">
                                                <span class="datetime"><{$vo.uptime|date_format:"%Y-%m-%d&nbsp;%H:%M:%S"}></span>
                                            </div>
                                        </div>
                                    </li>
                                    <{/foreach}>
                                </ul>
                            </div>
                        </div>
                        <!-- 热门推荐 end-->
                    </div>  		  

                    <div class="m-sdbox2  m-weibo">
                        <div class="hd">
                            <h2 class="tt">海峡微博</h2>
                        </div>
                        <div class="bd">
                            <div class="player" id="weibo_con">
                                <iframe width="100%" height="550px" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=1&isFans=1&uid=5098928249&verifier=407e98e8&dpc=1"></iframe>                            </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 侧栏 end -->
            </div>

        </div>
    </div>
</div>
<!-- 中间内容结束 -->


